<template>

  <router-view></router-view>
  <div class="bg">
    <top></top>
    <OneQuestionBox :questionId="questionId"></OneQuestionBox>
<!--    <OneQuestionAnswerListBox :questionId="questionId"></OneQuestionAnswerListBox>-->
    <OneAnswerBox :answerId="answerId"></OneAnswerBox>
  </div>
</template>

<script>
import Top from "@/components/Top";
import OneQuestionBox from "@/components/OneQuestionBox";
// import axios from "@/settings/axios";
import { useRoute } from 'vue-router';
import OneAnswerBox from "@/components/OneAnswerBox";

export default {
  name: "AnswerInfo",
  components: { OneQuestionBox, Top, OneAnswerBox},
  mounted() {
    this.$store.commit('updateQueryType', "answer");
    this.questionId = useRoute().query.questionId;
    this.answerId = useRoute().query.answerId;
  },
  data() {
    return {
      questionId : "",
      answerId: "",
    }
  }
};
</script>

<style scoped>
.bg{
  background-color: rgba(243,243,243);
}
</style>
